<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<f:view>

	<f:metadata>
		<f:viewAction action="#{menuMB.updateMenu(11)}" />
		<f:viewParam name="idcaja" value="#{pendienteCajaBean.idcaja}" />
		<f:event listener="#{pendienteCajaBean.loadCaja()}" type="preRenderView"></f:event>
	</f:metadata>
	
	<ui:composition template="/WEB-INF/templates/defaultLayout.xhtml">

		<!-- Definiendo la cabecera de la pagina -->
		<ui:define name="title">
			<h:outputText value="Caja" />
		</ui:define>

		<!-- Definiendo el cuerpo de la pagina -->
		<ui:define name="content">
			<h:outputStylesheet library="css" name="main.css" />
			<br />
			<h:form>
				<div style="margin-left: 50px;">
					<div>
						<div>
							<div class="p6n-api-consent-screen-title">Pendiente Caja</div>
							<h:panelGroup rendered="#{!pendienteCajaBean.validBean}">
								<div class="p6n-api-access-in-page-error" style="left: 516px;">
									<div>
										<div>
											<p>
												<h:messages />
											</p>
										</div>
										<div style="text-align: center;">
											<h:commandLink value="Cerrar" action="/modules/caja/administracion/list?faces-redirect=true"
												styleClass="p6n-api-access-in-page-error-link" />
										</div>
									</div>
								</div>
								<div class="modal-dialog-bg"
									style="opacity: 0.4; width: 1366px; height: 2000px;"
									aria-hidden="true"></div>
							</h:panelGroup>
							
							<div class="p6n-api-consent-screen-inputs">
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label" style="width: 150px;">
										AGENCIA</div>
									<div>
										<h:outputLabel value="#{cajaCRUDBean.agencia.denominacion}" />
									</div>
								</div>
								
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label" style="width: 150px;">Tipo Pendiente</div>
									<div>
										<h:outputText value="Faltante" />
									</div>
								</div>
								
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label">Tipo Moneda</div>
									<div>
										<div>
											<h:outputText value="#{openCloseCajaBean.caja.bovedas.get(0).tipomoneda.denominacion}" /> 
										</div>
									</div>
								</div>
								
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label">Monto</div>
									<div>
										<div>
											<h:outputText value="#{openCloseCajaBean.faltanteSobranteSoles}" /> 
										</div>
									</div>
								</div>
								
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label">Observación</div>
									<div>
										<div>
											<p:inputTextarea rows="10" cols="60" queryDelay="750" minQueryLength="4" maxlength="300"/> 
										</div>
									</div>
								</div>
								
								<div class="sf-buttons" style="float: left;">
									<h:commandButton action="#{cajaCRUDBean.createCaja()}"
										value="Guardar" styleClass="action blue" onclick="onSubmitButton();"/>
									<h:commandButton value="Cancelar" action="/modules/caja/administracion/list?faces-redirect=true"
										immediate="true" styleClass="action" />
									<h:commandButton value="imprimir" action="#{pendienteCajaBean.imprmir()}"
										immediate="true" styleClass="action" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</h:form>
		</ui:define>

	</ui:composition>
</f:view>
</html>